<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前样式 -->
		<link rel="stylesheet" href="../css/customer.css" />
	</head>
	<body>
		<!-- 首页 -->
		<header class="flex-c-sb b-box abs">
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航 -->
			<ul class="flex-c-c fc-white">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li class="active">
					<a href="../html/customer.html">案例</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>
					<a href="./logIn.html" id="btn"> 登录</a>
				</span>
				<span>注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<!-- 主体 -->
		<main>
			<!-- banner图 -->
			<section id="banner">
				<div id="bannerBg" class="abs"></div>
				<div id="bannertext">
					<h1>助力行业巨头、独角兽企业</h1>
					<p>已服务10万+企业客户</p>
					<p>- 精选案例 -</p>
				</div>
			</section>
			<!-- 案例 -->
			<section id="case">
				<div id="casebox" class="container rel">
					<!-- 左边盒子 -->
					<div class="container" id="caseboxFt">
						<div id="cards">
							<!-- 动态渲染的卡片 -->
						</div>
						<div id="box">
							<!-- 更多伙伴 -->
							<h4>更多伙伴<span>/More Partners</span></h4>
							<ul id="partnerList">
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
								<li>
									<div id="partnerList-img">
										<img
											src="../imgs/more-partners-item01.svg"
											alt="图片已损坏"
										/>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<!-- 右边盒子 -->
					<div id="caseboxRt">
						<p>金融案例</p>
						<p>企业案例</p>
						<p>政务案例</p>
						<p>更多伙伴</p>
					</div>
				</div>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<div class="box1">
				<div class="footertext container">
					<!-- 联系与支持 -->
					<div class="footertext-one">
						<p>联系与支持</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部2 -->
					<div class="footertext-one">
						<p>关于源码</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部3 -->
					<div class="footertext-one">
						<p>快速入口</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部4 -->
					<div class="footertext-one">
						<p>产品服务</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部5 -->
					<div class="footertext-one">
						<p>解决方案</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 微信公众号 -->
					<div class="wx">
						<h5 class="fz-16">微信公众号</h5>
						<p class="fz-14">源码时代</p>
						<img src="../imgs/103-demo.png" alt="图片已损坏" />
					</div>
				</div>
				<!-- 底部文字 -->
				<div class="footerbox">
					<div class="box1"></div>
					<div class="box2"></div>
					<div class="footerbox-one">
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>
					<div class="footerbox-two">
						<p>源码大数据股份有限公司©版权所有</p>
					</div>
				</div>
			</div>
		</footer>
		<script src="../js/util.js"></script>
		<script src="../js/canvas-particle.js"></script>
		<script src="../js/customer.js"></script>
	</body>
</html>
